草庐IT

HTML5 新元素

全部标签

javascript - 如何追踪: "The sanitizer was unable to parse the following block of html: <32"?

Error:[$sanitize:badparse]Thesanitizerwasunabletoparsethefollowingblockofhtml::778:50)atScope.$digest(http://localhost:3000/assets/angular.js?body=1:12396:29)atScope.$delegate.__proto__.$digest(:844:31)atScope.$apply(http://localhost:3000/assets/angular.js?body=1:12661:24)我知道这是因为以下问题:http://erro

javascript - 当元素出现在屏幕上时如何启动动画?

HTML元素如何在出现在屏幕上时立即显示动画?我在堆栈溢出上找到了一个例子tourpage,当您向下滚动到足够远时,信息元素就会滑入页面。这背后的诀窍是什么? 最佳答案 您需要使用JavaScript来检测视口(viewport)的位置并在它可见时将其激活。您可以使用JavaScript来检测和执行过渡,然后使用CSS或JavaScript来制作动画。有许多基于jquery的脚本可用于完成此操作。这是一个例子:DEMO1.创建一个要检查它是否在视口(viewport)中的Html元素。2.在文档末尾加载jQueryjavascrip

javascript - 用 Protractor 获取元素的偏移位置

我试图确保在单击某个跨度时页面滚动到某个元素。所以我需要检查元素的y位置。有人可以解释我如何获得元素的位置吗?element.all(by.css('[scroll-to="section-executive-summary-anchor"]')).then(function(elem){elem[0].click().then(function(){element(by.id('section-executive-summary-anchor')).then(function(el){//Ineed"el.position"orsomethingalongthoselines});}

javascript - RegExp 不适用于读取 HTML 文件

首先,我知道大多数RegExp问题是怎么来的;这不是“请编写我的代码”问题之一。我的困惑在于我的RegExp在regexr上工作,在轮询document.body.textContent时在chrome的开发工具中工作,但在HTML文件上不工作在我在io.js中阅读它之后。io.js是1.5.1版本,运行在windows8上为什么它在列出的两个地方都有效,但在io.js中却无效?我没有考虑到io.js读取文件的一些事情吗?我的RegExp应该匹配“@{each___->___}文本和换行符@{/each}”,就像下面的链接一样,但是相反,它返回null这是我正在尝试使用的:http:/

javascript - 如何在一个方向上改变 <hr> 元素的宽度?

我正在尝试更改的宽度元素与jQuery但它改变了2个方向的宽度。我只希望它拉伸(stretch)到右侧。当我对我的应用程序执行某些操作时,变量food.runningDistance会发生变化。代码:HTML:javascript:$("#runningLine").animate({width:food.runningDistance},500); 最佳答案 hr元素的行为类似于为其设置了margin:0auto。正如我在对您的问题的评论中所述,我会使用div因为hr是supposedtomarkathematicbreak,但您

javascript - 如何识别在元素上初始化的 Chosen 插件

有没有一种标准的方法可以知道jQuery插件已经在特定的HTML元素上初始化了?如果select元素位于Chosen插件下,我想执行一些操作。 最佳答案 $("#elementId").data("chosen");这将返回分配给元素的选定对象,如果未分配则返回未定义。注意:对于我使用的其他插件或JQuery版本,您可能需要检查以“Obj”为后缀的插件名称:$("#elementId").data("pluginNameObj"); 关于javascript-如何识别在元素上初始化的Ch

javascript - KonvaJS:文本对象中的 HTML

我目前正在研究KonvaJS以创建类似废料预订应用程序,并且我正在尝试像项目符号列表一样显示。我尝试使用文本形状并向文本添加html以查看它是否会呈现它,但没有成功。这可能吗?如果是这样,如何?如果没有,KonvaJS还必须通过哪些其他方式来显示花哨的文本,例如列表、粗体……vartext=newKonva.Text({text:'thisisnormaltext\n\nThisisBOLD',fontSize:8,fontFamily:'Calibri',fill:'#555',width:300,padding:20,align:'center',stroke:'black',st

javascript - 单击其他 div 时触发对不同元素的单击

现在我有一个div,它基本上是一个巨大的正方形,在div内部我有另一个div,它只是显示“上传文件”的文本和一个隐藏的输入类型=文件元素。当用户按下div时,我想触发文件上传元素。到目前为止我想出的代码是:+AddPhoto1所以文件输入元素我在CSS中设置为display:none。一旦他们点击divid="test"中的任意位置,我想触发对文件上传元素的点击。我如何在React中完成所有这些操作?我想它会是这样的,但我不确定语法以及如何构建它:_handleClick:function(){//triggerclickintoimg1} 最佳答案

javascript - 通过使用不同的选择器选择一个元素来赋予一个元素多个事件处理程序

我有几个“事件”类,涵盖了我的一些svg元素。我正在为每个类分配一个用于mouseover和mouseout的事件处理程序,如果一个元素有多个类,我希望两个处理程序都触发。我该怎么做呢?似乎当我这样做的时候d3.selectAll(".a-class").on("mouseover",function(){//doA}).etc();d3.selectAll(".another-class").on("mouseover",function(){//doB}).etc();然后,当我将鼠标悬停在具有两个类的元素上时,只有B(第二个处理程序)触发,显然是因为它覆盖了第一个。有没有一种方法

javascript - html5视频播放器与视频js的关系

我开始使用HTML5和javascript,我对video.js关于HTML5播放器/html“video”标签和video.js之间的关系以及video.js的目的有一个基本的怀疑。我的具体问题是:video.js是在内部使用HTML5原生播放器还是创建并使用自己的播放器?如果是,那么:一个。除了它提供的更好的外观和控件之外,还有其他使用Video.js的原因吗?我知道有适用于video.js的插件具有播放HLS和DASH视频等附加功能,但这里我说的是核心video.js模块。是否需要使用HTML5播放器,或者可以更改为使用video.js中的自定义播放器如果Q1的答案是否定的,那么